<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="../css/resert.css">
<link rel="stylesheet" href="../css/dl.css">

<body>
    <header class="container">
        <div><img src="../img/logo.jpg" alt=""></div>
    </header>
    <main class="container">
        <div class="right">
            <form action="#">
                <div>用户登录</div>
                <span>用户名：</span><input type="text" value="" name="username"><b></b><br>
                <span>密码：</span><input type="password" value="" name="password"><b></b><br>
                <input type="submit" value="登录" name="dl">&nbsp;<a href="#" class="wjmm">忘记密码</a>
                <div class="zhuce">
                    <a href="#">手机校验登录</a>
                    <a href="../html/zc.html" class="">免费注册</a>
                </div>
            </form>
        </div>
    </main>
    <footer>
        <div class="container footer">
            <div class="about">
                <a href="#">关于大朴</a>
                <a href="#">帮助中心</a>
                <a href="#">联系我们</a>
                <a href="#">手机大朴</a>
            </div>
        </div>
        <p>Copyright&nbsp;&copy;&nbsp;2012-2015&nbsp;dapu.com&nbsp;大朴版权所有&nbsp;京ICP备12027522号&nbsp;京ICP证130030号</p>
    </footer>
    <script src="../js/dl.js"></script>

</body>

</html>